<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- 动态计算不同设备中根标签文字大小 -->
    <script src="./flexible.js"></script>
</head>
<body>
    <div class="app">
        <!-- 顶部 -->
        <div class="top_nav">
            <img src="./images/wx.png" alt="">
        </div>


        <!-- 广告 -->
         <div class="banner">
            <ul>
                <li><img src="./uploads/banner_1.png" alt=""></li>
            </ul>
         </div>

         <!-- 标题 -->
          <div class="title">
            <h4>乐园活动</h4>
          </div>


          <div class="active_box">
            <div class="top_active">
                <a href="#"> <img src="./uploads/detail_1.png" alt=""></a>
                <span>进行中</span>
                <strong class="iconfont icon-xihuan"></strong>
            </div>

            <div class="description clearfix">
                <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span>免费</span>
            </div>

            <div class="footer">
             <span>
                <i class="iconfont icon-icon-test"></i>
                200人已报名
             </span>

             <span>
                <i class="iconfont icon-icon-test"></i>
                本周六开始
             </span>
            </div>
          </div>


          <div class="active_box">
            <div class="top_active">
                <a href="#"> <img src="./uploads/detail_1.png" alt=""></a>
                <span>进行中</span>
                <strong class="iconfont icon-xihuan"></strong>
            </div>

            <div class="description clearfix">
                <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span>免费</span>
            </div>

            <div class="footer">
             <span>
                <i class="iconfont icon-icon-test"></i>
                200人已报名
             </span>

             <span>
                <i class="iconfont icon-icon-test"></i>
                本周六开始
             </span>
            </div>
          </div>


          <div class="active_box spec">
            <div class="top_active">
                <a href="#"> <img src="./uploads/detail_1.png" alt=""></a>
                <span>进行中</span>
                <strong class="iconfont icon-xihuan"></strong>
            </div>

            <div class="description clearfix">
                <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span>免费</span>
            </div>

            <div class="footer">
             <span>
                <i class="iconfont icon-icon-test"></i>
                200人已报名
             </span>

             <span>
                <i class="iconfont icon-icon-test"></i>
                本周六开始
             </span>
            </div>
          </div>

          <div class="footer_box">

            <div class="item">
                <span class="iconfont icon-shouye-zhihui"></span>
                <a href="#">首页</a>
            </div>
            <div class="item">
                <span class="iconfont icon-fenxiang"></span>
                <a href="#">卡卷</a>
            </div>
            <div class="item">
                <span class="iconfont icon-user"></span>
                <a href="#">我的</a>
            </div>
          </div>
    </div>
</body>
</html>